/*
 * ganttz.css Ganttz specific styles
 *
 * The purpose of this stylesheet is to declare custom classes and objects
 * will be positioned inside scheduler components.
 * It might contain references to ZK Style Guides [http://www.zkoss.org/doc/styleguide]
 * if needed within the scheduler.
 */

/*
    The next constants are used within the planner styling:

    Ganntz.ListdetailsWidth = 280

    zkTasklist.HEIGHT_PER_TASK = 10
    zkTasklist.HEIGHT_PER_ROW = 15
    zkTasklist.HEIGHT_TIME_TRACKER = 120

    zkTasklist.SCROLLBAR_WIDTH = 15

    zkTasklist.SCROLL_CONTAINER_INITIAL_HEIGHT = 500
    zkTasklist.SCROLL_CONTAINER_INITIAL_WIDTH = 600

    zkTasklist.GANTT_PANEL_LEFT = 300

*/

/* -------------- Listdetails -------------- */
.listdetails {
    margin-top: 0;
    font-size: 10px !important;
}

#listdetails_container .z-tree-header table {
    position:relative;
    z-index: 4;
}

.listdetails .z-tree-body {
    margin-top: -18px;
}

.listdetails div.z-tree {
    background: #FFFFFF;
}
.listdetails img {
    display: none;
}

#listdetails_container td {
    border-bottom: dotted 1px #CCC;
    border-right: dotted 1px #CCC;
}

#listdetails_container td {
    padding: 0;
}

.listdetails th.z-tree-col .z-tree-col-content {
    font-size:11px;
    font-weight:bold;
}

.listdetails input {
    width: 100%;
    font-size: 10px !important;
    border-width: 0;
    height: 16px;
    padding-left: 2px;
}

.listdetails input.task-name {
    border-left: dotted 1px #CCC;
}

.listdetails div.z-tree-cell-content {
    width: 500px; !important;
}

#listdetails_container .z-datebox-input,
#listdetails_container div.z-tree-col-content {
    font-size: 9px !important;
    border-bottom: 0;
    border-right: 0;
}

.listdetails input {
    height: 19px;
}

.listdetails {
    min-width:200px;
}

.listdetails div.z-tree-header th.z-tree-col {
    overflow:visible;
}

.listdetails .taskdetail-grid {
    height: 23px;
}

.resourceload-leftpanel-row {
    height: 21px;
}

#listdetails_container .z-textbox-readonly,
#listdetails_container .z-textbox-text-disd {
    background-color: #f0f0f0;
    color: #000000 !important;
}


.taskdetail-grid table {
    height: 30px;
    width: 285px; /* Ganntz.ListdetailsWidth */
}

.task_title {
    vertical-align: bottom;
    white-space: nowrap;
    padding-left: 4px;
}

.taskdetail-company-view .z-tree-line  {
    display:none;
}

/* Order name will be in single row */
.taskdetail-company-view .z-label {
    white-space: nowrap;
}

.order-startdate, .order-enddate  {
    padding-left: 3px;
}

#listtasks {
    position: relative;
    width: 100%;
    top: 0;
}

/* Task box properties */
.box {
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    z-index : 99 !important;
}

/* Fixed box */
.fixed {
    box-shadow: 3px 3px 3px #999;
    border: #999;
    cursor: default;
}

/* Task lane properties */
.row {
    height: 12px;
    border-bottom: dotted 1px #CCCCCC;
    margin-bottom: 9px;
    margin-top: 9px;
    width: 100%;
}

.parentProjectScheduling .row {
    height: 12px;
    border-bottom: dotted 1px #CCCCCC;
    margin-bottom: 12px;
    margin-top: 10px;
    width: 100%;
}

/* Task in critical path */
.row .critical {
    border: 3px solid #EE6666;
    margin-top: -3px;
}

.standard-task {
    background-color: #abcde1; /* NOT_ALLOCATED_TASK_BLUE */
}

.box.standard-task.project-closed {
    background-color: #CCC; /* CLEAR_GREY */
    border: 1px dotted;
}

.project-closed + .deadline {
    opacity: 0.2;
}

.project-closed .completion2 {
    background-color: #999;
}

.subcontracted-task {
    background-color: #78908c;
}

/* -------------- Dependencies -------------- */
#listdependencies, #listlimitingdependencies {
    position: relative;
    width: 400px;
    float: left;
    top: 0;
}

.dependence {
    position: absolute;
}

.end,.start,.mid,.arrow {
    position: absolute;
    cursor: crosshair;
    z-index:0;
}

#ganttpanel .end,
#ganttpanel .start,
#listlimitingdependencies .mid {
    height: 1px;
    padding: 4px 0 2px 1px;
    margin-left: 4px;
    background-position: 0 2px;
}

#ganttpanel .mid,
#listlimitingdependencies .start,
#listlimitingdependencies .end {
    width: 1px;
    margin-top: 3px;
    margin-bottom: 2px;
    padding-right: 4px;
    padding-left: 0;
    background-position: 4px 0;
}


/* Hidden by default */
#listlimitingdependencies .dependency {
    display: none;
}

#listlimitingdependencies .end,#listlimitingdependencies .start,
#listlimitingdependencies .mid, #listlimitingdependencies .arrow {
    cursor: default;
}

div.box.limiting-assigned {
    background-color: #61b598; /* LIMITING_RESOURCES_DARK_GREEN */
    border-radius: 15px;
}

div.box.limiting-unassigned {
    background-color: #c1d9d1; /* LIMITING_RESOURCES_GREEN */
    border-radius: 15px;
}

.toggled {
    display: inline !important;
    opacity: 0.2;
}

.completionMoneyCostBar {
    width: 0;
    height: 3px; /* zkTasklist.HEIGHT_PER_TASK / 2 */
    background-color: #009900;
    border: 0;
    margin-top: -9px;
}

.completion {
    width: 0;
    height: 3px; /* zkTasklist.HEIGHT_PER_TASK / 2 */
    background-color: #F21CFF;
    border: 0;
    margin-top: 1px;
}

.timesheet-date-mark {
    color: #F21CFF;
    font-size: 8px;
    font-weight: bold;
    /* By default marks are hidden */
    display: none;
    border: 2px solid #F21CFF;
    height: 5px;
    width: 2px;
    opacity: 0.75;
}

.first-timesheet-date {
    position: absolute;
    margin-top: -16px;
    border-right: 0;
}

.last-timesheet-date {
    position: absolute;
    margin-top: -16px;
    margin-left: -4px;
    border-left: 0;
}

.completion2 {
    width: 0;
    height: 6px;
    background-color: #004469;
    border: 0;
    margin-top: 4px;
}

.taskcontainer_completion {
    margin-top: -20px;
}

.row span {
    display: none;
    position: relative;
    color: #BBBBBB;
    white-space: nowrap;
}

/* -------------- TaskGroup -------------- */
.taskgroup_start {
    background-image: url("../../zkau/web/ganttz/img/group_left.png");
    height: 10px;
    width: 10px;
    float: left;
    clear: both;
}

.taskgroup_end {
    background-image: url("../../zkau/web/ganttz/img/group_right.png");
    height: 10px;
    width: 10px;
    position:absolute;
    right:0;
    top:0;
}

.taskgroup,.row .expanded {
    border-top: solid black 2px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    background-color: transparent !important;
}

.border-container {
    overflow:hidden;
    padding-right:2px;
    heigth: 12px !important;
    position: relative;
    display: block;
    clear: both;
}

.border-container + .task-labels {
    top: -5px;
}

.border-container + .task-labels + .task-resources {
    top: -14px;
}

.milestone_end {
    background-image: url("../../zkau/web/ganttz/img/milestone.png");
    height: 15px;
    width: 15px;
    float: right;
    position:relative;
    left: 7px;
    top: -12px;
}

.row .closed {
    border-top: solid black 2px;
}

.zk #ganttpanel .z-button-cm {
    border: 0;
}

#ganttpanel {
    height: 400px; /* 800 */
    width: 100%
}

#ganttpanel table {
    float: left;
    padding: 0;
    margin: 0;
}

/* -------------- Timetracker -------------- */
.timetracker_fake_row {
    height: 80px;
}

/* Forces every zoom level the same table width */
#timetracker table {
    border-collapse: collapse;
}

#timetrackerheader table {
    border-collapse: collapse;
}

#timetrackerheader table.second_level_{
    table-layout : fixed;
}

#timetrackerheader .second_level_ td {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: solid 1px #9EB6CE;
}

#timetracker .second_level_ tr {
    height: 14px;
}

/* Watermark alternate row color */
#watermark .timetracker_column_even {
    background-color: #EEEEEE !important;
    height: 650px;
}


#watermark .week-level.timetracker_column_even {
    background-color: #FFFFFF !important;
}

#watermark .week-level {
    background-image: url("../../zkau/web/ganttz/img/not-workable-shade.png"), url("../../zkau/web/ganttz/img/not-workable-shade.png"), url("../../zkau/web/ganttz/img/not-workable-shade.png"),url("../../zkau/web/ganttz/img/not-workable-shade.png"),url("../../zkau/web/ganttz/img/not-workable-shade.png"),url("../../zkau/web/ganttz/img/not-workable-shade.png"),url("../../zkau/web/ganttz/img/not-workable-shade.png");
    background-repeat: repeat-y, repeat-y,repeat-y,repeat-y,repeat-y,repeat-y,repeat-y;
    background-position: -8px 0, -8px 0, -8px 0, -8px 0, -8px 0, -8px 0, -8px 0;
}

.limiting-resources #watermark .bankHoliday {
    height: 650px;
}

#watermark .timetracker_column_today.timetracker_column_deadline,
#watermark .timetracker_column_deadline.timetracker_column_today  {
    background-image: url("../../zkau/web/ganttz/img/pixel.gif");
}

/* Background image for current day vertical line */
#watermark .timetracker_column_today {
    background: url("../img/watermark_today.png") repeat-y;
}

#watermark .timetracker_column_start {
    background: url("../img/watermark_start.png") repeat-y;
    width: 100%;
    height: 100%;
    float: left;
}


#watermark .timetracker_column_deadline {
    background: url("../../zkau/web/ganttz/img/pixel.gif") repeat-y;
}

#watermark .timetracker_column_today_deadline {
    background: url("../img/watermark_today.png"), url("../../zkau/web/ganttz/img/pixel.gif") repeat-y, repeat-y;
}


#watermark .bankHoliday {
    background-color: #FFEEEE !important;
}

#watermark .weekend {
    background-color: #FFEEEE !important;
}

/* Reduce spacing and font-size for watermark legend */
.z-columns,.z-column {
    font-size: 9px !important;
    text-align: center !important;
    padding: 0 0 0 0 !important;
}

table {
    margin: 0;
    padding: 0;
    border: 0;
}

#scroll_container {
    margin-top: 0;
    float: left;
    position: absolute;
}

#timetracker {
    position: absolute;
    float: left;
    z-index: -20;
}

.resources-load #timetracker {
    position: absolute;
    left: 0;
    top: 0;
    height: auto;
    width: 600px;
    overflow-x: visible;
}

tr.z-vbox-separator {
    padding: 0;
    margin: 0;
    height: 0;
}

#ganttpanel_scroller_x,#ganttpanel_scroller_y {
    position: absolute;
    float: left;
    overflow: auto;
    display:none;
}

#ganttpanel_scroller_x {
    top: 600px; /* (dynamic) */
    left: 285px; /* Ganntz.ListdetailsWidth + borders = 280 + 5 */
    width: 635px;
    height: 15px;
}

#ganttpanel_inner_scroller_x {
    width: 9000px; /* Real canvas dimensions */
    height: 15px; /* Scroll constant */
}

#ganttpanel_scroller_y {
    top: 145px; /* Fixed top position */
    left: 920px;
    width: 15px;
    height: 330px;
}

#ganttpanel_inner_scroller_y {
    width: 15px; /* Scroll constant */
    height: 1350px;
    /* Modified when added or removed tasks, or zoom adjustments */
}

/* Hidden at the beginning to avoid the first scalation effect */
#ganttpanel_scroller_x {
    display: none;
}

#ganttpanel_scroller_y {
    display: none;
}

.scheduling-graphics .z-tabpanels, .scheduling-graphics .z-tabpanel-ver,
.scheduling-graphics .z-tabpanel, .scheduling-graphics .z-tabbox-ver .z-tabpanels {
    padding:0;
}

/*  ----------- Advanced resources assignment ------------ */
.timetrackedTableWithLeftPane {
    width: 1000px;
}

.leftPaneOfTimeTrackedTable {
    margin-top: 45px;
    width: 390px;
    float: left;
}

#timetrackedtable {
    float: right;
    width: 600px;
    /* overflow: auto; */
}

.advanced-allocation-layout #timetrackedtable {
    float: none;
    width: auto;
    overflow: visible;
}

/* ----------- ResourcesLoad ----------------- */
.taskassignmentinterval {
    float: left;
    height: 10px;
    position: absolute;
    border-left: solid 1px white;
    cursor: pointer;
}

.FULL_LOAD {
    background-color: #fdbe13;
}

.SOME_LOAD {
    background-color: #98d471;
}

.OVERLOAD {
    background-color: #ff5a11;
}

.NO_LOAD {
    border-left: 0;
}

.row_resourceload {
    height: 10px;
    border: 1px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px dotted #CCCCCC;
}

.z-resourceloadlist {
    margin-top: -10px;
}

.z-resourceloadcomponent {
    height: 7px;
    border: 1px;
    margin-bottom: 16px;
    margin-top: 6px;
    padding-bottom: 2px;
    width: 100%;
    border-bottom: 1px dotted #CCCCCC;
}

.z-queuecomponent {
    height: 14px;
    border: 1px;
    margin-bottom: 22px;
    margin-top: 8px;
    width: 100%;
    border-bottom: 1px dotted #CCCCCC;
}

.resourceloadleftpane .z-treerow .z-label {
    height:18px;
    padding-bottom:0;
    vertical-align:bottom;
}

.resourceload_name {
    display: none;
}

.resourceloadleftpane {
    border: 1px;
    margin-top: 0;
    min-width: 125px;
}

.resourceloadleftpane .secondlevel {
    display: inline;
}

.resourceloadleftpane .secondlevel .z-label,
.resourceloadleftpane .z-tree-body {
    white-space: nowrap;
}

.resourceloadleftpane .icono {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
}

.resourceloadleftpane .icono img {
    height: 16px;
}

/* -- Upper task panel is hidden --*/
.taskspanel-gap #timetracker {
    border-top: 0;
    margin: 0;
}

.resources-load .taskspanel-gap #timetracker table {
    margin-top: -10px;
}

.resources-load .taskspanel-gap #timetracker th {
    display: none;
    border: 0;
    margin: 0;
    padding: 0;
}

#ganttpanel #timetracker th {
    display:none;
}
#ganttpanel #timetracker {
    margin-top:-20px;
}

#timetrackerheader table {
    border-collapse: collapse;
}

.resourceloadleftpane div.z-treecell-content {
    padding-top: 2px;
    border-bottom: 1px dotted #CCCCCC;
}

.resourceloadleftpane div.z-tree-body td.z-tree-cell {
    padding: 0;
}

.resourceloadleftpanetitle {
    height: 40px;
}

.resourceloadleftpane .z-tree-body {
    z-index: -10;
}

.leftpanelgap .z-tree-body {
    z-index: 2;
}

.leftpanelgap .z-tree-header {
    z-index: 16;
}

.leftpanelgap .resourceloadleftpane {
    background: none;
    border: 0;
}

.resourceload-resource div {
    border: solid 1px;
    cursor: default;
}

.resourceload-global-generic div {
    border: solid 1px;
    cursor: default;
}

.row_resourceload.resourceload-global-generic,
.row_resourceload.resourceload-resource {
    margin-bottom: 12px;
    margin-top: 12px;
}

.z-queuecomponent.resourceload-global-generic,
.z-queuecomponent.resourceload-resource {
    margin-bottom: 8px;
    margin-top: 6px;
    padding-bottom: 2px;
}

.resourceloadleftpane .z-tree-line + .secondlevel span {
    font-weight: bold;
}

.resourceloadleftpane .z-label {
    font-size: 10px;
}

.resourceloadleftpane div.z-tree-body {
    overflow: visible;
}
.resourceloadleftpane div.z-tree-body table {
    table-layout:auto;
}

.resourceloadleftpane .icono .z-button-cm:active,
.resourceloadleftpane .icono .z-button-cm:hover {
    border: 0;
    background-color: transparent;
}

/* ---------- Start Limiting resources --------------- */
.limitingresources-list {
    margin-top: -13px;
}

.limitingresources-list .row_resourceload {
    height: 25px;
}

.limiting-resources .z-tree-line {
    display: none;
}

.limiting-resources .z-treerow {
    height: 35px;
}

.limiting-resources td.z-treecell {
    padding-top: 2px;
    border-bottom: 1px dotted #CCCCCC;
}

.limitingresources-left-pane .secondlevel {
    display: inline;
}

.limitingresources-left-pane .secondlevel .z-label,
.limitingresources-left-pane .z-tree-body {
    white-space: nowrap;
}

.limitingresources-left-pane div.z-tree-body {
    overflow: visible;
}

.limitingresources-left-pane div.z-tree-body table {
    table-layout:auto !important;
}

div.limitingresources-left-pane  {
    background-color: white;
}

.queue-element {
    background-color: #61b598; /* LIMITING_RESOURCES_DARK_GREEN */
    border-radius: 12px;
    border: solid 1px;
    float:left;
    height:10px;
    position:absolute;
}

.queue-element.truncated-end {
    border-radius: 12px 0 0 12px;
}

.queue-element.unmet-deadline {
    background-color: #FF8888;
}

/* ---------- End Limiting resources ----------------- */


.timetrackergap {
    position: relative;
    left : 0;
    height: 32px;
}

.tree-datecolumn {
    width: 100px;
}

.tree-text {
    width: 100%;
}

.listdetails div.z-treecell-content {
    padding: 0;
}

div.z-tree {
    overflow:visible;
}

.listdetails td {
    border-bottom: 1px dotted #CCC !important;
    border-right: 1px dotted #CCC;
}

.temp-class {
    height: 100%
}

.orderslayout {
    height:100%;
}

.task_tooltip {
    display:none;
    font-size: 11px;
    position: absolute;
    top: 15px;
    width: 270px;
    margin-left: 5px;
    background-color: #f7f7bf;
    border: solid 1px #CCCCCC;
    z-index: 100 !important;
    -moz-box-shadow: 1px 1px 10px #666666;
    -webkit-box-shadow: 1px 1px 10px #666666;
}

/* Avoid current box tooltip being overlapped */

.box:hover {
    z-index:100 !important;
}
.task-labels {
    display: none;
    float: left;
    white-space: nowrap;
    font-size: 9px;
    position: relative;
    top: 8px;
    left: 10px;
    z-index: 6;
    background-color: rgb(255, 202, 135);
    background-color: rgba(255, 202, 135, 0.9);
    border-radius: 2px;
    padding: 0 3px;
}

.box.expanded .task-resources {
    display: none !important;
}

.task-labels span {
    padding: 1px 4px;
}

.task-resources {
    display: none;
    float: right;
    position: relative;
    top: -2px;
    left: 10px;
    z-index: 6;
}

.task-resources-inner {
    position: absolute;
    left: 0;
    font-size: 9px;
    white-space: nowrap;
    color: #000000;
    padding: 1px 3px;
}

.task-resources span {
    padding: 1px 4px;
}

.advanced-allocation-layout .name {
    min-width:200px;
}

.advanced-allocation-layout .second_level_ {
    border-collapse: collapse;
}

.advanced-allocation-layout .second_level_ th {
    width:150px;
}

.advanced-allocation-layout .taskspanel-gap td.z-row-inner {
    padding:0 !important;
}
.advanced-allocation-layout .taskspanel-gap td.z-row-inner input {
    padding-top: 1px;
    padding-bottom:1px;
}
.advanced-allocation-layout .taskspanel-gap .z-label {
    margin-left:3px;
}

.advanced-allocation-layout .taskspanel-gap .level1 {
    margin-left:8px;
}

.taskspanel-gap table {
    border-collapse: collapse;
}


.advanced-allocation-layout .taskspanel-gap input {
    width: 100%;
    heigth: 21px;
}

.advanced-allocation-layout .taskspanel-gap tr.z-grid-odd td.z-row-inner, tr.z-grid-odd,
.advanced-allocation-layout .taskspanel-gap tr.z-row {
    background: #f2f2f2;
}

.advanced-allocation-layout .calculated-hours.z-label {
    font-weight: bold;
    color: #555555;
    cursor: default;
}

.advanced-allocation-layout .unmodifiable-hours.z-label {
    color: #555555;
}

.advanced-allocation-layout .consolidated-hours.z-label {
    color: #75d9b0;
}

.advanced-allocation-layout .taskspanel-gap input {
    width: 100%;
}


.taskspanel-gap input {
    border: 0;
    height: 19px;
}

.advanced-assignment-details tr.z-row,
.taskspanel-gap tr.z-row {
    height: 23px;
}

.advanced-assignment-details td {
    overflow:hidden;
    white-space: nowrap;
}

.advanced-assignment-details .level1 {
    margin-left:12px;
}

.advanced-assignment-details .level0 {
    font-weight:bold;
}

.advanced-allocation-layout .leftpanelgap .z-grid-header {
    border-bottom: solid 1px #DDDDDD;
    background: #FFFFFF;
}

.advanced-allocation-layout div.z-row-content {
    padding: 0;
}

.advanced-allocation-layout .leftpanelgap td.z-row-inner {
    padding-top:0;
    padding-bottom:0;
}

.advanced-assignment-details .z-intbox {
    width: 50px;
}

.advanced-assignment-details .z-combobox-inp {
    width: 60px;
}
.advanced-allocation-layout .leftpanelgap .name {
}

.advanced-assignment-details .hours {
    width: 60px;
}

.advanced-assignment-details .function {
    width: 110px;
}

.advanced-assignment-details .z-combobox {
    margin-top: 2px;
}

.advanced-assignment-details .z-intbox {
    padding-left: 0;
}
#tasksTree div.z-tree-header, #tasksTree div.z-tree-header tr, #tasksTree div.z-tree-footer {
    overflow:visible;
}

#listdetails_container div.z-tree-body,
#listdetails_container div.z-dottree-body,
#listdetails_container div.z-filetree-body, #listdetails_container div.z-vfiletree-body {
    overflow:visible;
}

.listdetails th {
    margin-top:10px;
}

.listdetails {
    position:relative;
}

#listdetails_container {
    top:-18px;
}

.listdetails .z-tree-header {
    margin-bottom:17px;
}

.plannerlayout div.z-tree, .plannerlayout div.z-grid,
.resources-load div.z-tree, .resources-load div.z-grid {
    border: 0;
}

#timetrackerheader table {
    height:16px;
}

#timetrackerheader .z-grid-body {
    display:none;
}

.taskheaderscontainer, .leftpanelgap, .resourcesloadgraph div {
    position:relative;
}

.advanced-assignment-details .z-grid-header table {
    height: 30px;
}

/* Advanced assignment */
.advanced-allocation-layout #timeTracker .z-vbox table {
    height: 15px;
}
.advanced-allocation-layout #timeTracker .z-vbox .z-grid-body {
    display: none;
}

.advanced-assignment-details .z-grid-body {
    position: relative;
    margin-top: 31px;
    overflow: hidden;
}

.advanced-assignment-details .z-grid-header {
    z-index: 2;
    position: absolute;
    overflow: hidden;
}

/* Workaround for extra column when configuring functions */
.advanced-assignment-details td + td + td + td {
    display: none;
}

.advanced-allocation-layout .taskspanel-gap td.z-row-inner {
    padding:1px;
    padding-left: 3px;
    padding-right: 3px;
}

.deadline {
    position:absolute;
    margin-top: -5px;
    float:left;
    left:-100px; /* Hide when it has't been set */
    width:10px;
    height:22px;
    background-image: url("../../zkau/web/ganttz/img/deadline.png");
}

.consolidatedline {
    position:absolute;
    margin-top: -5px;
    float:left;
    left:-100px; /* Hide when it has't been set */
    width:10px;
    height:22px;
    background-image: url("../../zkau/web/ganttz/img/deadline_green.png");
}

.queue-element .deadline {
    position: relative;
    margin-top: -5px;
    float: left;
    left: -100px; /* Hide when it has't been set */
    width: 10px;
    height: 22px;
    background-image: url("../../zkau/web/ganttz/img/deadline.png");
    display: none;
}

.queue-element .deadline.order-deadline {
    position:absolute;
    margin-top: -5px;
    background-repeat: repeat-y;
    float:left;
    width:10px;
    height:22px;
    background-image: url("../../zkau/web/ganttz/img/deadline.png");
}

body .perspectives-column {
    display:inline;
}

#watermark .timetracker_column .today_deadline {
    background-image:url(../img/watermark_today.png);
    background-repeat: repeat-y;
    height:100%;
    position:absolute;
    top:0;
    z-index:3;
    width: 100%;
}

.orderslayout .z-window-header {
    display:none;
}

.timeTrackedTableWithLeftPane .z-grid-body table {
    width: 1px !important;
}

#timeTracker .second_level_ {
    border-left: solid 2px #9EB6CE;
    border-right: solid 2px #9EB6CE;
}

.advanced-assignment-area .timeTrackedTableWithLeftPane div.z-grid {
    overflow: visible;
}

.taskdetailsContainer {
    overflow-x: scroll;
    overflow-y: hidden;
    border-top: 0;
    border-bottom: 0;
}

.taskspanel {
    border-top: 0;
    border-bottom: 0;
}

.row .assigned {
    background-color: #3c90be; /* ALLOCATED_TASK_BLUE */
}

.row .partially-assigned {
    background-color: #FF5A11; /* PARTIALLY_ALLOCATED_TASK_ORANGE */
}

/* ------------ Limiting resources  ------------ */

.limiting-resources-buffer .z-south-body {
    overflow-y:scroll;
}
.queue-progress-bar {
    background-color: #407865;
    height: 6px;
    margin-top: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.limiting-assigned .completion2, .limiting-unassigned .completion2 {
    background-color: #407865;
}

.queue-element.unmet-deadline .queue-progress-bar {
    background-color: #c06666;
}

.subcontracted-task .completion2 {
    background-color: #484e4d;
}

#watermark .timetracker_column {
    height: 650px;
}

/* Workaround for zk 100% height just root components */

.toolbar-box > div {
    overflow: hidden;
}

.z-west-splitter::after {
    display: none !important;
}

.taskdetailsContainer .z-west {
    width: 300px !important;
    left: 0 !important;
    top: 0 !important;
    height: 345px !important;
}

.z-west-body {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    overflow: hidden;
}

.z-tree-header > table {
    table-layout: inherit;
}

.taskTreeCols .z-tree {
    width: 100% !important;
}

.z-treecols-bar {
    display: none;
}

.main-area .advanced-assignment-area .z-center-body > div,
.main-area .advanced-assignment-area .z-center-body > div > div > div {
    height: auto;
}

.advanced-allocation-layout {
    height: 100%;
}

div.z-grid-header .second_level_ tr {
    overflow: visible;
}

#ganttpanel .start, #ganttpanel .end,
#listlimitingdependencies .mid {
    background: url("../../zkau/web/ganttz/img/solid-black-hor.png") repeat-x;
}

#ganttpanel .mid,
#listlimitingdependencies .start, #listlimitingdependencies .end {
    background-image: url("../../zkau/web/ganttz/img/solid-black-ver.png");
    background-repeat: repeat-y;
}

.arrow {
    height: 10px;
    width: 10px;
    background-image: url("../../zkau/web/ganttz/img/solid-black-arrows.png");
    background-repeat: no-repeat;
    padding: 3px 4px 4px 4px;
}

.projectstatus-layout  {
    padding-left: 3px;
}

.status-green {
    height: 16px;
    width: 16px;
    background-image: url("../../zkau/web/ganttz/img/status_green1.png");
    background-repeat: no-repeat;
}

.status-green:hover {
    background-image: url("../../zkau/web/ganttz/img/status_green.png") !important;
}

.status-orange {
    height: 16px;
    width: 16px;
    background-image: url("../../zkau/web/ganttz/img/status_orange1.png");
    background-repeat: no-repeat;
}

.status-orange:hover {
    background-image: url("../../zkau/web/ganttz/img/status_orange.png") !important;
}

.status-red {
    height: 16px;
    width: 16px;
    background-image: url("../../zkau/web/ganttz/img/status_red1.png");
    background-repeat: no-repeat;
}

.status-red:hover {
    background-image: url("../../zkau/web/ganttz/img/status_red.png") !important;
}

#ganttpanel .violated-dependency .start, #ganttpanel .violated-dependency .end {
    background-image: url("../../zkau/web/ganttz/img/solid-red-hor.png");
}

#ganttpanel .violated-dependency .mid {
    background-image: url("../../zkau/web/ganttz/img/solid-red-ver.png");
}

#ganttpanel .violated-dependency .arrow {
    background-image: url("../../zkau/web/ganttz/img/solid-red-arrows.png");
}

#ganttpanel .violated-dependency .point-west {
    background-position: 0 2px;
    margin-left: -10px;
}
#ganttpanel .resources-dependency .start, #ganttpanel .resources-dependency .end {
    background-image: url("../../zkau/web/ganttz/img/dashed-black-hor.png");
}
#ganttpanel .resources-dependency .mid {
    background-image: url("../../zkau/web/ganttz/img/dashed-black-ver.png");
}

#ganttpanel .resources-dependency .arrow {
    background-image: url("../../zkau/web/ganttz/img/dashed-black-arrows.png");
}

.point-east {
    background-position: 0 2px;
}
.point-south {
    background-position: -18px 0;
}
.point-west {
    background-position: -35px 2px;
}

.point-north {
    background-position: -48px 0;
}
#listlimitingdependencies .point-north {
    background-position: -53px 0;
}
#listlimitingdependencies .point-south {
    background-position: -17px 0;
    margin-top: 2px;
}
.taskspanel-gap #listlimitingdependencies {
    top: -2px;
}

.plannergraph {
    overflow: hidden;
}

.plannergraph .timeplot-valueflag,
.plannergraph .timeplot-timeflag {
    font-size: 12px;
    font-weight: normal;
    background-color: #f7f7bf;
    border: solid 1px #CCCCCC;
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    border-radius: 3px;
}

.plannergraph .timeplot-timeflag {
    opacity: 1 !important;
    font-size: 12px;
}

/* Workaround for Chrome */
@supports (-webkit-appearance: none) {
    .z-treerow.z-treerow-selected > .z-treecell > .z-treecell-content,
    .z-treerow.z-treerow > .z-treecell > .z-treecell-content {
        color: black;
    }
}

/* Workaround for FireFox */
_:-moz-tree-row(hover),
.z-treerow.z-treerow-selected > .z-treecell > .z-treecell-content,
.z-treerow.z-treerow > .z-treecell > .z-treecell-content {
    color: black;
}

/* Workaround for FireFox */
_:-moz-tree-row(hover),
.z-treerow.z-treerow-selected > .z-treecell > .z-treecell-content,
.parentProjectScheduling .z-treerow.z-treerow > .z-treecell > .z-treecell-content {
    height: 21px;
    padding-top: 3px;
}

.taskdetail-grid .z-treecell .z-treecell-content {
    display: inline-flex;
    width: 100%;
}

.taskdetail-grid.taskdetail-company-view .z-treecell .z-treecell-content {
    display: inline-table;
    width: 100%;
}

span.z-dottree-icon {
    width: 18px;
    min-height: 18px;
    height: 100%;
    background-repeat: no-repeat;
    display: -moz-inline-box;
    vertical-align: top;
    display: inline-block;
}

div.z-dottree {
    border: 1px solid #cfcfcf;
    overflow: hidden;
    zoom: 1;
}

.z-dottree-line.z-dottree-spacer {
    width: 18px;
}

.parentResourceLoad > div {
    height: 100%;
    display: block !important;
}

.contentTabSwitcher .main-content:nth-child(1) {
    display: none !important;
}

.parentResourceLoad > div {
    height: 100%;
    display: block !important;
}

.resourcesloadlayout + div {
    display: none;
}

.main-content:nth-child(2) .contentTabSwitcher {
    display: none !important;
}

.main-area > div {height: 100%; display: block;}

div ~ .resourcesloadlayout {
    height: 100%;
    display: block !important;
}

.parentLimitingResource > div,
.resourceLoadForOrder > div {
    height: 100%;
    display: block !important;
}

.leftpanelgap > div {
    display: block !important;
}

.z-ganttpanel > div > div {
    height: 0;
    display: block !important;
}
